<!doctype html><html lang="en">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <title>Foo</title>
  <link href="http://example.com/foo" rel="canonical">
<style>/* style-md-lists */

/* This is a weird hack for me not yet following the commonmark spec
   regarding paragraph and lists. */
[data-md] > :first-child {
    margin-top: 0;
}
[data-md] > :last-child {
    margin-bottom: 0;
}</style>
<style>/* style-counters */

body {
    counter-reset: example figure issue;
}
.issue {
    counter-increment: issue;
}
.issue:not(.no-marker)::before {
    content: "Issue " counter(issue);
}

.example {
    counter-increment: example;
}
.example:not(.no-marker)::before {
    content: "Example " counter(example);
}
.invalid.example:not(.no-marker)::before,
.illegal.example:not(.no-marker)::before {
    content: "Invalid Example" counter(example);
}

figcaption {
    counter-increment: figure;
}
figcaption:not(.no-marker)::before {
    content: "Figure " counter(figure) " ";
}</style>
<style>/* style-selflinks */

.heading, .issue, .note, .example, li, dt {
    position: relative;
}
a.self-link {
    position: absolute;
    top: 0;
    left: calc(-1 * (3.5rem - 26px));
    width: calc(3.5rem - 26px);
    height: 2em;
    text-align: center;
    border: none;
    transition: opacity .2s;
    opacity: .5;
}
a.self-link:hover {
    opacity: 1;
}
.heading > a.self-link {
    font-size: 83%;
}
li > a.self-link {
    left: calc(-1 * (3.5rem - 26px) - 2em);
}
dfn > a.self-link {
    top: auto;
    left: auto;
    opacity: 0;
    width: 1.5em;
    height: 1.5em;
    background: gray;
    color: white;
    font-style: normal;
    transition: opacity .2s, background-color .2s, color .2s;
}
dfn:hover > a.self-link {
    opacity: 1;
}
dfn > a.self-link:hover {
    color: black;
}

a.self-link::before            { content: "¶"; }
.heading > a.self-link::before { content: "§"; }
dfn > a.self-link::before      { content: "#"; }</style>
<style>/* style-autolinks */

.css.css, .property.property, .descriptor.descriptor {
    color: #005a9c;
    font-size: inherit;
    font-family: inherit;
}
.css::before, .property::before, .descriptor::before {
    content: "‘";
}
.css::after, .property::after, .descriptor::after {
    content: "’";
}
.property, .descriptor {
    /* Don't wrap property and descriptor names */
    white-space: nowrap;
}
.type { /* CSS value <type> */
    font-style: italic;
}
pre .property::before, pre .property::after {
    content: "";
}
[data-link-type="property"]::before,
[data-link-type="propdesc"]::before,
[data-link-type="descriptor"]::before,
[data-link-type="value"]::before,
[data-link-type="function"]::before,
[data-link-type="at-rule"]::before,
[data-link-type="selector"]::before,
[data-link-type="maybe"]::before {
    content: "‘";
}
[data-link-type="property"]::after,
[data-link-type="propdesc"]::after,
[data-link-type="descriptor"]::after,
[data-link-type="value"]::after,
[data-link-type="function"]::after,
[data-link-type="at-rule"]::after,
[data-link-type="selector"]::after,
[data-link-type="maybe"]::after {
    content: "’";
}

[data-link-type].production::before,
[data-link-type].production::after,
.prod [data-link-type]::before,
.prod [data-link-type]::after {
    content: "";
}

[data-link-type=element],
[data-link-type=element-attr] {
    font-family: Menlo, Consolas, "DejaVu Sans Mono", monospace;
    font-size: .9em;
}
[data-link-type=element]::before { content: "<" }
[data-link-type=element]::after  { content: ">" }

[data-link-type=biblio] {
    white-space: pre;
}</style>
 <body class="h-entry">
  <div class="head">
   <p data-fill-with="logo"></p>
   <h1>Foo</h1>
   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Living Standard, <time class="dt-updated" datetime="1970-01-01">1 January 1970</time></span></h2>
   <div data-fill-with="spec-metadata">
    <dl>
     <dt>This version:
     <dd><a class="u-url" href="http://example.com/foo">http://example.com/foo</a>
     <dt class="editor">Editor:
     <dd class="editor p-author h-card vcard"><span class="p-name fn">Example Editor</span>
    </dl>
   </div>
   <div data-fill-with="warning"></div>
   <p class="copyright" data-fill-with="copyright">COPYRIGHT GOES HERE </p>
   <hr title="Separator for header">
  </div>
  <div class="p-summary" data-fill-with="abstract">
   <h2 class="no-num no-toc no-ref heading settled" id="abstract"><span class="content">Abstract</span></h2>
   <p>Index entries should be the original casing, even though dfns are matched case-insensitively.</p>
  </div>
  <div data-fill-with="at-risk"></div>
  <nav data-fill-with="table-of-contents" id="toc">
   <h2 class="no-num no-toc no-ref" id="contents">Table of Contents</h2>
   <ol class="toc" role="directory">
    <li>
     <a href="#index"><span class="secno"></span> <span class="content">Index</span></a>
     <ol class="toc">
      <li><a href="#index-defined-here"><span class="secno"></span> <span class="content">Terms defined by this specification</span></a>
     </ol>
   </ol>
  </nav>
  <main>
   <p><dfn data-dfn-type="dfn" data-noexport id="dfn">DfN<a class="self-link" href="#dfn"></a></dfn> <dfn class="css" data-dfn-type="property" data-export id="propdef-property">PropertY<a class="self-link" href="#propdef-property"></a></dfn> <dfn data-dfn-for="foo" data-dfn-type="dfn" data-noexport id="foo-definition">DefinitioN<a class="self-link" href="#foo-definition"></a></dfn> <dfn class="css" data-dfn-for="PropertY" data-dfn-type="value" data-export id="valdef-property-value">ValuE<a class="self-link" href="#valdef-property-value"></a></dfn> <dfn class="css" data-dfn-type="at-rule" data-export id="at-ruledef-at-rule">At-rulE<a class="self-link" href="#at-ruledef-at-rule"></a></dfn> <dfn class="css" data-dfn-for="At-rulE" data-dfn-type="descriptor" data-export id="descdef-at-rule-descriptor">DescriptoR<a class="self-link" href="#descdef-at-rule-descriptor"></a></dfn> <dfn class="css" data-dfn-type="type" data-export id="typedef-type">TypE<a class="self-link" href="#typedef-type"></a></dfn> <dfn class="css" data-dfn-type="function" data-export id="funcdef-function">FunctioN()<a class="self-link" href="#funcdef-function"></a></dfn> <dfn class="css" data-dfn-type="selector" data-export id="selectordef-selector">SelectoR<a class="self-link" href="#selectordef-selector"></a></dfn> <dfn data-dfn-type="element" data-export id="elementdef-element"><code>ElemenT</code><a class="self-link" href="#elementdef-element"></a></dfn> <dfn data-dfn-for="ElemenT" data-dfn-type="element-attr" data-export id="element-attrdef-element-element-attr"><code>Element-attR</code><a class="self-link" href="#element-attrdef-element-element-attr"></a></dfn> <dfn data-dfn-for="ElemenT/Element-attR" data-dfn-type="attr-value" data-export id="attr-valuedef-element-element-attr-attr-value"><code>Attr-valuE</code><a class="self-link" href="#attr-valuedef-element-element-attr-attr-value"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="event" data-export id="eventdef-interface-event"><code>EvenT</code><a class="self-link" href="#eventdef-interface-event"></a></dfn> <dfn class="idl-code" data-dfn-type="interface" data-export id="interface"><code>InterfacE</code><a class="self-link" href="#interface"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="constructor" data-export id="dom-interface-constructor"><code>ConstructoR()</code><a class="self-link" href="#dom-interface-constructor"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="method" data-export id="dom-interface-method"><code>MethoD()</code><a class="self-link" href="#dom-interface-method"></a></dfn> <dfn class="idl-code" data-dfn-for="MethoD()" data-dfn-type="argument" data-export id="dom-method-argument"><code>ArgumenT</code><a class="self-link" href="#dom-method-argument"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="attribute" data-export id="dom-interface-attribute"><code>AttributE</code><a class="self-link" href="#dom-interface-attribute"></a></dfn> <dfn class="idl-code" data-dfn-type="callback" data-export id="callbackdef-callback"><code>CallbacK</code><a class="self-link" href="#callbackdef-callback"></a></dfn> <dfn class="idl-code" data-dfn-type="dictionary" data-export id="dictdef-dictionary"><code>DictionarY</code><a class="self-link" href="#dictdef-dictionary"></a></dfn> <dfn class="idl-code" data-dfn-for="DictionarY" data-dfn-type="dict-member" data-export id="dom-dictionary-dict-member"><code>Dict-membeR</code><a class="self-link" href="#dom-dictionary-dict-member"></a></dfn> <dfn class="idl-code" data-dfn-type="exception" data-export id="exceptiondef-exception"><code>ExceptioN</code><a class="self-link" href="#exceptiondef-exception"></a></dfn> <dfn class="idl-code" data-dfn-type="enum" data-export id="enumdef-enum"><code>EnuM</code><a class="self-link" href="#enumdef-enum"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="const" data-export id="dom-interface-const"><code>ConsT</code><a class="self-link" href="#dom-interface-const"></a></dfn> <dfn class="idl-code" data-dfn-type="typedef" data-export id="typedefdef-typedef"><code>TypedeF</code><a class="self-link" href="#typedefdef-typedef"></a></dfn> <dfn data-dfn-for="InterfacE" data-dfn-type="dfn" data-noexport id="interface-stringifier" stringifer>StringifieR<a class="self-link" href="#interface-stringifier"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="serializer" data-export id="dom-interface-serializer"><code>SerializeR</code><a class="self-link" href="#dom-interface-serializer"></a></dfn> <dfn class="idl-code" data-dfn-for="InterfacE" data-dfn-type="iterator" data-export id="dom-interface-iterator"><code>IteratoR</code><a class="self-link" href="#dom-interface-iterator"></a></dfn> <dfn data-dfn-type="grammar" data-export id="grammardef-grammar">GrammaR<a class="self-link" href="#grammardef-grammar"></a></dfn></p>
  </main>
  <h2 class="no-num no-ref heading settled" id="index"><span class="content">Index</span></h2>
  <h3 class="no-num no-ref heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span></h3>
  <ul class="index">
   <li><a href="#at-ruledef-at-rule">At-rulE</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-attribute">AttributE</a><span>, in §Unnumbered section</span>
   <li><a href="#attr-valuedef-element-element-attr-attr-value">Attr-valuE</a><span>, in §Unnumbered section</span>
   <li><a href="#callbackdef-callback">CallbacK</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-const">ConsT</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-constructor">ConstructoR()</a><span>, in §Unnumbered section</span>
   <li><a href="#foo-definition">DefinitioN</a><span>, in §Unnumbered section</span>
   <li><a href="#descdef-at-rule-descriptor">DescriptoR</a><span>, in §Unnumbered section</span>
   <li><a href="#dfn">DfN</a><span>, in §Unnumbered section</span>
   <li><a href="#dictdef-dictionary">DictionarY</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-dictionary-dict-member">Dict-membeR</a><span>, in §Unnumbered section</span>
   <li><a href="#elementdef-element">ElemenT</a><span>, in §Unnumbered section</span>
   <li><a href="#element-attrdef-element-element-attr">Element-attR</a><span>, in §Unnumbered section</span>
   <li><a href="#enumdef-enum">EnuM</a><span>, in §Unnumbered section</span>
   <li><a href="#eventdef-interface-event">EvenT</a><span>, in §Unnumbered section</span>
   <li><a href="#exceptiondef-exception">ExceptioN</a><span>, in §Unnumbered section</span>
   <li><a href="#funcdef-function">FunctioN()</a><span>, in §Unnumbered section</span>
   <li><a href="#grammardef-grammar">GrammaR</a><span>, in §Unnumbered section</span>
   <li><a href="#interface">InterfacE</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-iterator">IteratoR</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-method">MethoD()</a><span>, in §Unnumbered section</span>
   <li><a href="#propdef-property">PropertY</a><span>, in §Unnumbered section</span>
   <li><a href="#selectordef-selector">SelectoR</a><span>, in §Unnumbered section</span>
   <li><a href="#dom-interface-serializer">SerializeR</a><span>, in §Unnumbered section</span>
   <li><a href="#interface-stringifier">StringifieR</a><span>, in §Unnumbered section</span>
   <li><a href="#typedef-type">TypE</a><span>, in §Unnumbered section</span>
   <li><a href="#typedefdef-typedef">TypedeF</a><span>, in §Unnumbered section</span>
   <li><a href="#valdef-property-value">ValuE</a><span>, in §Unnumbered section</span>
  </ul>